﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Search.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="Style/Master.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
           .headerMaster
           {
               background-color: #2D2D2D;
               color:#CCC;
           }
           #textSearch
           {
               font-size:15px;
               white-space: nowrap;
           }
           #panelNhommua, #panelBestBuy,#panelArticles
           {
                margin-bottom:10px;
           }
           #panelNhommua > h3, #panelBestBuy > h3, #panelArticles > h3
           {
               display:block;
               width:auto;
               padding:5px 10px;
               text-align:left;
               color:White;
               
           }
           footer> div > a
           {
                text-shadow: 0px 1px 1px #E8E8E8;
                filter: dropshadow(color=#E8E8E8, offx=0, offy=1);
           }
           
           
    </style>
    <script src="Scripts/JScript.js" type="text/javascript"></script>
    <script type="text/javascript">       
    </script> 
</head>
<body>
    <form id="form1" runat="server">
        <header class="headerMaster">
            <ul class="glibtn">
                <li onmouseover="changeChildStyle(this,'span','linehz ogrance')"  onmouseout="changeChildStyle(this,'span','linehz')"><span class="linehz" ></span>
                    <asp:HyperLink class="hyperlink" ID="HyperLink1" runat="server">Sản phẩm</asp:HyperLink></li>
                <li onmouseover="changeChildStyle(this,'span','linehz ogrance')"  onmouseout="changeChildStyle(this,'span','linehz')"><span class="linehz" ></span>
                    <asp:HyperLink class="hyperlink" ID="HyperLink2" runat="server">Dịch vụ</asp:HyperLink></li>
                <li onmouseover="changeChildStyle(this,'span','linehz ogrance')"  onmouseout="changeChildStyle(this,'span','linehz')"><span class="linehz" ></span>
                    <asp:HyperLink class="hyperlink" ID="HyperLink3" runat="server">Mua chung</asp:HyperLink></li>
                <li onmouseover="changeChildStyle(this,'span','linehz ogrance')"  onmouseout="changeChildStyle(this,'span','linehz')"><span class="linehz" ></span>
                    <asp:HyperLink class="hyperlink" ID="HyperLink4" runat="server">Hỏi đáp</asp:HyperLink></li>
            </ul>
            <ul class="glibtn" style="position:absolute; right:0px;">
               <li>
                    <asp:HyperLink class="hyperlink" ID="HyperLink5" style="font-weight:bold;" runat="server">Đăng kí</asp:HyperLink></li>
                <li>
                    <span style="background-color:Yellow; display:inline-block; width:2px;height:10px;"></span>
                </li>
                <li>
                    <asp:HyperLink class="hyperlink" ID="HyperLink6" style="font-weight:bold;" runat="server">Đăng nhập</asp:HyperLink></li>
                <li>
                    <span style="background-color:Yellow; display:inline-block; width:1px;height:10px;"></span>
                </li>
                <li>
                    <asp:HyperLink class="hyperlink" ID="HyperLink7" style="font-weight:bold;" runat="server">Giỏ hàng</asp:HyperLink></li>
            </ul>
        </header>
        <section style="display:table; width:100%;">
            <aside id="quangcao1" style="display:table-cell; width:12%; vertical-align:top;" runat="server" >
                
            </aside>
            <article style="display:table-cell; vertical-align:middle; text-align: center;">
                <div style="display:block; height:110px;"></div>
                <img src="Backgrounds/logo.jpg" />
                <input id="textSearch" type="text" runat="server" style="width:80%;" /><br />
                <asp:Button ID="btnSearch" CssClass="btnGray" runat="server" Text="Tìm kiếm" /><br />
                <div style="width:81%; display:inline-block;">
                     <nav id="panelNhommua" style="display:block; ">
                        <h3 style="background-color:#336699;" >Mua theo nhóm</h3>
                        <div></div>
                    </nav>     
                    <nav id="panelBestBuy" style="display:block; ">
                        <h3 style="background-color:#339966;">Sản phẩm bán chạy</h3>
                        <div></div>
                    </nav>   
                    <nav id="panelArticles" style="display:block; ">
                        <h3 style="background-color:#AA1002;">Thảo luận mới</h3>
                        <div>
                        </div>
                    </nav>   
                </div>
            </article>
            
            <aside id="quangcao2" style="display:table-cell; width:12%; vertical-align:top;" runat="server" >
            </aside>
           
        </section>        
        <footer class="footer">
            <div style="display:inline-block; padding:5px;">
                <a style="padding:0px 5px;">Thay đổi hình nền</a>
                <a style="padding:0px 5px;">Top dữ liệu</a>
            </div>
            <div style="display: inline-block;  float: right; padding:5px;" >
                <a style="padding:0px 5px;">Trương trình quảng cáo</a>
                <a style="padding:0px 5px;">Hình thức kinh doanh</a>
                <a style="padding:0px 5px;">Liên hệ</a>
            </div>
        </footer>
    </form>
</body>
</html>